<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户注册-北大青鸟用户中心</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div#signin{
				padding: 80px;
			}
			div#signin input{
				border: none;
				/* height: 40px; */
			}
		
			div#signin p{
				border: 1px solid darkgray;
				width: 300px;
				height: 40px;
				line-height: 40px;
				display: inline-block;
				margin-top: 20px;
			}
			/* div#signin span{
				float: left;
				margin-left: 340px;
			} */
			div#signin #email,#user,#pass1,#pass2,#verify{
				color: gray;
			}
			img{
				vertical-align: middle;
				margin-left: 10px;
				margin-right: 10px;
			}
			div#signin #verify .cc{
				display: inline-block;
				position: absolute;
				left: 300px;
				top: 347px;
				
				border: 1px solid #A9A9A9;
			}
			div#signin #verify p{
				width: 210px;
			}
			div#signin #check{
				 /* vertical-align: middle; */
				/* position: absolute;
				left: 160px;
				top: 400px;
				display: inline-block; */
				margin-top: 30px;
				margin-left: 50px;
				/* border: 1px solid red; */
			}
			div#signin #sign input{
				margin-top: 20px;
				margin-left: 40px;
				width: 15em;
				height: 3em;
				background-color: #55ABE8;
				border-radius: 5px;
			}
		</style>
	</head>
	<body>
		<div id="signin">
			<form action="#" method="post">
				<div id="email">
					<p><img src="images/login-input5.png" / ><input type="email"  name="email" placeholder="请输入您的常用邮箱" /></p>
					请输入您的常用邮箱
				</div>
				<div id="user">
					<p><img src="images/login-input1.png" / ><input type="text" name="user" placeholder="请输入昵称" /></p>
					请输入昵称
				</div>
				<div id="pass1">
					<p><img src="images/login-input2.png"/ ><input type="password" name="password1" placeholder="请输入密码"/></p>
					6-16位字符英文数字或者中文均可
				</div>
				<div id="pass2">
					<p><img src="images/login-input2.png"/ ><input type="password" name="password2" placeholder="请再次输入密码"/></p>
				</div>
				<div id="verify">
					<p><img src="images/login-input3.png" /><input type="text"  placeholder="请输入右侧验证码" /></p>
					<span class="cc"><input type="image" src="images/yanzhengma.png" /></span>
				</div>
				<div id="check">
					<input type="checkbox"  value="" />同意<a href="#">用户服务条款</a>
				</div>
				<div id="sign">
					<input type="submit" value="注册"/>
				</div>
				
			</form>
		</div>

	</body>
</html>
